<template>
	<view class="container">
		<view class="top">
			<view class="note1">
				<image  style="width: 32rpx;height: 32rpx;"  src="/static/meet2.png" mode=""></image>
				  验收等级说明：
			</view>
			<view class="note2">
				• 请勿重复发起。请严格尊重询价采购的管理条约，发起项目录入，即使查看相关进度
			</view>
		</view>
		
		<view class="forms1">
			<u-form :model="form">
			
				<u-form-item border-bottom label-width='70' label="询价项目: ">
					<u-input border=false type='select' placeholder="请选择" />
					<image class="fun" src="../../static/fun.png" mode=""></image>
				</u-form-item>
			
				<u-form-item border-bottom label-width='70' label="项目内容: ">
					<u-input type="textarea" border=false :height='100' placeholder="请输入" :auto-height='true' v-model="form.content"  />
				</u-form-item>
			
				<u-form-item border-bottom label-width='70' label="备注: ">
					<u-input border=false v-model="form.note" placeholder="请输入" height='100' />
				</u-form-item>
			
			</u-form>
		</view>
		<view class="upload">
			<view class="title">
				<text>佐证材料</text>
			</view>
			<view class="upload_border">
				<u-upload width='200rpx' style="background-color: #fff; padding: 20rpx;" :before-upload="beforeUpload"></u-upload>
			</view>
		</view>
		<view class="tables">
			<view class="content">
				<view class="title">
					<text>询价单位信息</text>
				</view>
				
				<view class="forms">
					
					<u-form :model="form">
							
						<u-form-item leftIcon border-bottom label-width='90' label="①单位名称: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.name"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="单位联系人: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.link"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="联系电话: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.phone"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="询价方式: ">
							<u-input border=false type='select' placeholder="请选择" />
							<image class="fun" src="../../static/fun.png" mode=""></image>
						</u-form-item>
					
						<u-form-item border-bottom label-width='90' label="备注: ">
							<u-input border=false v-model="tab.note" placeholder="请输入" height='100' />
						</u-form-item>
					
					</u-form>
					
				</view>
				
				<view class="forms">
					<u-form :model="form">
							
						<u-form-item border-bottom label-width='90' label="②单位名称: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.name"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="单位联系人: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.link"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="联系电话: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.phone"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="询价方式: ">
							<u-input border=false type='select' placeholder="请选择" />
							<image class="fun" src="../../static/fun.png" mode=""></image>
						</u-form-item>
					
						<u-form-item border-bottom label-width='90' label="备注: ">
							<u-input border=false v-model="tab.note" placeholder="请输入" height='100' />
						</u-form-item>
					
					</u-form>
					
				</view>
				
				<view class="forms">
					<u-form :model="form">
							
						<u-form-item border-bottom label-width='90' label="③单位名称: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.name"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="单位联系人: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.link"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="联系电话: ">
							<u-input type="text" border=false placeholder="请输入" v-model="tab.phone"  />
						</u-form-item>
						
						<u-form-item border-bottom label-width='90' label="询价方式: ">
							<u-input border=false type='select' placeholder="请选择" />
							<image class="fun" src="../../static/fun.png" mode=""></image>
						</u-form-item>
					
						<u-form-item border-bottom label-width='90' label="备注: ">
							<u-input border=false v-model="tab.note" placeholder="请输入" height='100' />
						</u-form-item>
					
					</u-form>
					
				</view>
				
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tab: {
					name: '',
					link: '',
					phone: '',
					note: ''
				},
				form: {
					content: '',
					note: ''
				},
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page {
		.fun {
			width: 20rpx;
			height: 20rpx;
		}
		background-color: #f5f5f5;
		.container {
			.top {
				color: #9C5F07;
				background-color: #FDFFC6;
				.note1 {
					
					padding: 30rpx;
				}
				.note2 {
					padding: 10rpx 30rpx 30rpx 30rpx;
				}
			}
		}
		.forms1 {
			background-color: #fff;
			padding: 0 25rpx;
		}
		.upload {
			.title {
				font-size: 34rpx;
				font-weight: bold;
				padding: 20rpx;
			}
			.upload_border {
				border: 1px solid #E4E4E4;
			}
		}
		.tables {
			
			.content {
				
				.title {
					border: 1px solid #E4E4E4;
					font-size: 34rpx;
					font-weight: bold;
					padding: 20rpx;
					padding-top: 50rpx;
				}
				.forms {
					padding: 0 50rpx;
					border: 1px solid #E4E4E4;
					background-color: #fff;
					margin-bottom: 10rpx;
				}
			}
		}
	}
</style>
